<?php
  header('Content-type: text/css');
  // I can access any WP or theme functions
  // here to get values that will be used in
  // dynamic css below
do_action('get_theme_options');
$theme_options = $GLOBALS['titan_theme_options'];
?>
/* CSS Starts Here */
@font-face{
	font-family: Nueue LT Roman;
	src: url('<?php echo get_template_directory_uri() ?>/assets/fonts/HelveticaNeueLTStd-Roman.otf');
}
.search-form input{
	border: 1px solid #989090;
	width: 250px;
	margin-right: 40px;
	padding-left: 40px;
	border-radius: 10px;
}
.search-form input:focus{

}
.header-options{
	padding: 10px 15px;
	background: #989898;
	border-bottom: 1px solid;
	border-bottom-color: #fff;
	z-index: 2;
	background: url('<?php echo get_template_directory_uri() ?>/assets/img/header-bg.gif'); 
}
.navigation{
	border-top: 2px solid;
	border-top-color: #fff;
	background:	-webkit-linear-gradient(#989898, #fff); 
	background:	   -moz-linear-gradient(#989898, #fff); 
	background:		 -o-linear-gradient(#989898, #fff); 
	background:			linear-gradient(#989898, #fff); 
	padding: 0 ;
}
.site-navigation{
	padding-top: 1%;
}
.site-banner{
	height: 500px;
	background: url('<?php echo $theme_options['header_banner_image']; ?>')no-repeat top center;
	background-size: 100% 500px;
	
}
.wpmega-link-title {
	color: <?php echo $theme_options['header_nav_font_color']; ?>;
	font-family: "Nueue LT Roman";
	font-size: 14pt !important;
}
.navigation{
	position: relative;
}
.site-navigation #megaMenu #megaUber{
}
#megaUber li{

}
#megaUber li .sub-menu{
	padding-left: 11% !important;
	padding-bottom: 100px !important;
	overflow: hidden !important;
	max-width: 100px;
}
#megaUber li .sub-menu a,
#megaUber li .sub-menu{
	color: #fff;
	
}
#megaUber li .sub-menu:after{
	background: #00ABA0;
	position: absolute;
	content: "";
	z-index: -1;
	opacity: 0.5;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
}
#megaUber li .submenu:before{
	
}
.site-logo{
	margin: 5px 0;
	position: absolute;
	height: 60px;
	width: 130px;
	margin-left: 75px;
}
#megaMenu ul.megaMenu > li.menu-item{
	margin: 0 50px;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a,
.um-anchoremulator span{
	color: #666 !important;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:hover,
.um-anchoremulator span:hover,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:active,
.um-anchoremulator span:active{
	color: #00ABA0 !important;
}
#megaMenu ul.megaMenu > li.menu-item:first-child{
	margin-left: 250px;
}
.wpmega-widgetarea{
	max-width: 80%;
}
